<!DOCTYPE html>
<html class="no-js">
    <head>
	 {% block head %}
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title> Espace Client</title>
        <meta name="description" content="Espace client">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="templates/default/css/default.css">
		<link rel="shortcut icon" href="ico/favicon.ico">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
		  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script type="text/javascript">
			Modernizr.load([
			  {
				load: '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',
				complete: function () {
				  if ( !window.jQuery ) {
						Modernizr.load('js/vendor/jquery-1.9.1.min.js');
				  }
				}
			  },
			  'js/vendor/bootstrap.min.js',
			  'js/main.js'
			]);
			//if (jQuery) { alert("jQuery loaded"); }

			</script>
         <script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
function GereControle(Controleur, Controle,  Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle1 = document.getElementById(Controle);
	if (Masquer=='0')
		objControle1.disabled=(objControleur.checked==true)?false:true;
	else
		objControle1.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	return true;
}
</script>   
	
	{% endblock %}
    </head>
    <body>

     <div class="container">

		<!-- Header -->
		<div class="row">
			<div class="span12">
				<img src="./templates/default/img/hto.png" alt="logo" class="pull-right logo" />
				
				{% if session.admin %}
					<h1 class="muted"><img src="./templates/default/img/telephone.png" alt="telephone" /> Espace Administrateur</h1>
				{% else %}
					<h1 class="muted"><img src="./templates/default/img/telephone.png" alt="telephone" /> Espace Client</h1>
				{% endif %}
			</div>
		</div>
		
	  {% if session.admin %}
	      {{ include('fragments/menu-admin.html')}}
	  {% else %}
	  
		  {{ include('fragments/menu.html')}}
	  {% endif %}
	  
	  <!-- Main content -->
	  <div class="main">
	  
	  {% if message is not null %}
	  <div class="alert alert-success">
              <button type="button" class="close" data-dismiss="alert">×</button>
              {{ message }}
      </div>
	  {% endif %}
	  
	  {% if warning is not null %}
	  	  <div class="alert">
              <button type="button" class="close" data-dismiss="alert">×</button>
              {{ warning }}
      	  </div>
	  {% endif %}
	  
	  {% if error is not null %}
	  	  <div class="alert alert-error">
              <button type="button" class="close" data-dismiss="alert">×</button>
              {{ error }}
      	  </div>
	  {% endif %}
          {% if session.alerts %}
            {% for alert in session.alerts %}
              <div class="alert alert-{{ alert.type }}">
                  <button type="button" class="close" data-dismiss="alert">×</button>
                  {{ alert.message }}
              </div>
            {% endfor %}
          {% endif %}
	  
	  {% block content %}
	  {% endblock %}
	  
	  </div>

	 <footer>
	  {% block footer %}
        <p>&copy; Origyne-telecom 2013 V4</p>
	  {% endblock %}
      </footer>
	  
    </div> <!-- /container -->

    </body>
</html>
